{include file='index/_header.html'}

<div class="top-header" style="background-image: url(__STATIC__/themes/__THEME__/img/banner.jpg)">
    <div class="container">
        <h2 class="top-title">{$cats.title}</h2>
        <p class="lead top-description">
            {$cats.subtitle}
            <span class="pull-right"><a href="{:url('index/index')}">首页 </a>  &raquo; <a href="{$cats.nav_href}">{$cats.title}</a></span>
        </p>
    </div>
</div>

<div class="container mtn">

    <div class="row">
        <!-- content -->
        <div class="col-sm-9">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">{$cats.title}</h3>
                </div>
                <div class="panel-body">
                    {$cats.content}
                </div>
            </div>


            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">捐赠</h3>
                </div>
                <div class="panel-body">
                    <p>
                        项目作者：无念(24203741@qq.com)
                        QQ群1：<a href="https://qm.qq.com/cgi-bin/qm/qr?k=U7SzseDDXSbG9sB1CTEf5U10oFJOKR8-&jump_from=webapi" target="_blank">325825297</a>
                        QQ群2：<a href="https://qm.qq.com/cgi-bin/qm/qr?k=wn2nvV3s1l2odDNgWIDSrZ0w4-ZSexUd&jump_from=webapi" target="_blank">16008861</a>
                    </p>
                    <p>捐赠地址：<a href="https://gitee.com/willphp/aphp" target="_blank">https://gitee.com/willphp/aphp</a></p>
                    <p>或直接扫码：</p>
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#pay-wx" data-toggle="tab">微信支付</a></li>
                        <li><a href="#pay-ali" data-toggle="tab">支付宝</a></li>
                        <li><a href="#pay-qq" data-toggle="tab">QQ支付</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="pay-wx">
                            <img src="__STATIC__/themes/__THEME__/img/qrcode/wx.png" alt="wx"/>
                        </div>
                        <div class="tab-pane" id="pay-ali">
                            <img src="__STATIC__/themes/__THEME__/img/qrcode/alipaym.png" alt="alipay"/>
                        </div>
                        <div class="tab-pane" id="pay-qq">
                            <img src="__STATIC__/themes/__THEME__/img/qrcode/qqm.png" alt="qq"/>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- sidebar -->
        <div class="col-sm-3">

            {!empty $cats['sub_nav']:}
            <div class="panel panel-default">
                <div class="list-group">
                    {foreach $cats['sub_nav'] as $sub}
                    <a href="{$sub.href}" class="list-group-item{if $sub['is_active']:} active{/if}" {$sub.target}>{$sub.title}</a>
                    {/foreach}
                </div>
            </div>
            {/empty}

            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">在线交流</h3>
                </div>
                <div class="panel-body">
                    QQ群：<a href="{$site.qq_qun1_link}" target="_blank">{$site.qq_qun1}</a>
                </div>
            </div>

        </div>
    </div>

</div>
{include file='index/_footer.html'}
</body>
</html>